*{padding:0;margin:0}body,html{height:100%;background:#ccc}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.el-header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center;width:100%;margin:0 auto;background-color:#fff;border-bottom:1px solid #ddd}.el-header,.el-header .logo{display:-webkit-box;display:-ms-flexbox;display:flex}.el-header .logo{width:280px;height:60px;line-height:60px}.yf_logo{width:50px;height:50px}.yf_logo img{width:100%;height:100%}.el-main{padding:0!important}.footer{width:100%;height:216px;overflow:hidden;background-color:#14679f}.footer-content{width:1240px;margin:0 auto;padding-top:20px}.footer-content .content-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.footer-content .content-nav li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 20px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.footer-content .content-nav li p{font-size:20px;color:#d4edff;padding:10px 0}.footer-content .content-nav li span{color:#f7f7f7;font-weight:300;padding:5px 0}.footer-content img{width:170px;height:50px;padding:10px}.footer .copyright{width:1240px;margin:0 auto;text-align:left;height:30px;padding-left:40px}.footer .copyright span{color:#fff;line-height:30px}.footer-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:20px}